<div class='fui-page  fui-page-current coupon-my-page' ng-if="pagedata.op=='list'">
    <div class="fui-header">
		<div class="fui-header-left" onclick="window.history.go(-1);">
			<a class="back"></a>
		</div>
		<div class="title">我的优惠券</div> 
		<div class="fui-header-right">&nbsp;</div>
    </div>
	<div class='fui-content'>
		<div class='fui-tab fui-tab-danger' id='cateTab'>
			<a ng-class="{'active':pagedata.status==0}" ng-click="access_json('list','status=0')">未使用</a>
			<a ng-class="{'active':pagedata.status==1}" ng-click="access_json('list','status=1')">已使用</a>
			<a ng-class="{'active':pagedata.status==2}" ng-click="access_json('list','status=2')">已过期</a>
		</div>
		<div ng-show="pagedata.list.length<=0" class="fui-message fui-message-popup in content-empty" style="margin-top: 0; padding-top: 0; position: relative; height: auto; background: none;">
				<div class="icon ">
					<i class="fa fa-comment-o"></i>
				</div>
				<div class="content">您还没有优惠券~</div>
		</div>
		<div id="container" class="coupon-container coupon-list">
			<a href="javascript:;" class="coupon-item" ng-show="pagedata.list.length>0" ng-repeat="coupon in pagedata.list" ng-click="access_json('detail','id='+coupon.id)">
				<div class="coupon-dots">
					<i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>
				</div>
					<div class="coupon-type" >{{pagedata.types[coupon.type]}}</div>
				<div class="coupon-left">
					<div class="title">{{coupon.data}}</div>
					<div class="subtitle">满{{coupon.need}}元可用</div>
				</div>
				<div class="coupon-right">
					<div class="title">{{coupon.title}}</div>
					<div class="subtitle">{{coupon.title1}}</div>
					<div class="subtitle">{{coupon.title2}}</div>
					<div class="usetime">
						<div class="text">{{coupon.limit_data}}</div>
						<div class="usebtn">{{coupon.button}}</div>
					</div>
				</div>
			</a>
		</div>
	</div>
</div>
<div class="fui-page" ng-if="pagedata.op=='detail'">
	<div class="fui-header">
		<div class="fui-header-left">
			<a class="back" href="javascript:;" onclick="window.history.go(-1);"></a>
		</div>
		<div class="title">详情</div>
		<div class="fui-header-left"></div>
	</div>
	<div class="fui-content navbar coupon-page">
		<div class="coupon-detail" ng-style="{'background-color':pagedata.item.color}">
			<div class="detail-dots"></div>
			<div class="detail-head">
				<div class="inner">
					<div class="title">
						<div class="text">{{pagedata.item.title}}</div>
					</div>
					<div class="bigtitle"> {{pagedata.item.data}}</div>
					<div class="subtitle"> {{pagedata.item.need}}</div>
					<div class="usetime">
						<div class="text">{{pagedata.item.limit_data}}</div>
					</div>
				</div>
			</div>
			<div class="detail-body">
				<div class="block">
					<div class="title">使用说明</div>
					<div class="text">{{pagedata.item.content}}</div>
				</div>
				<div class="block">
					<div class="title">有效期限</div>
					<div class="text dot">{{pagedata.item.limit_data}}</div>
				</div>
			</div>
		</div>
	</div>
	<div class="fui-navbar">
		<div class="nav-item btn btn-gray" >{{pagedata.item.button}}</div>
	</div>
</div>